<script setup>
defineOptions({
    name: 'LotteryBtn'
})

const emit = defineEmits(['click'])

const props = defineProps({
    loading: {
        type: Boolean,
        default: false
    }
})

</script>

<template>
    <div class="lottery-btn" v-if="loading">
        <van-loading color="#C16841" />
    </div>
    <div class="lottery-btn" v-else @click="emit('click')">
        <span class="lottery-btn-slot">
            <slot></slot>
        </span>
    </div>
</template>

<style scoped lang="scss">
.lottery-btn {
    @extend %gamebtn;
    &-slot {
        @extend %gamebtn-text;
    }
}
</style>